<html manifest="IGNORE.manifest" lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<!DOCTYPE html>
<html manifest="IGNORE.manifest" lang="en">
<head>
	<meta charset="UTF-8">
	<title>自助装修领导者</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="./css/index.css" th:href="@{${uiPath} + ${appName} + '/css/index.css'}"/>
    <link rel="stylesheet" type="text/css" href="./css/swiper.min.css"th:href="@{${uiPath} + ${appName} + '/css/swiper.min.css'}"/>
    <!-- <link rel="stylesheet" type="text/css" href="css/animate.min.css" /> -->
</head>
<body>
<div class="zong"> 
     <div class="toubu">
       <div class="pdp">
        <img class="dingwei" src="./images/raw_1503289426.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503289426.png'}">
         <input class="bitoati" type="text" placeholder=" 请输入商品名称，如地板、吊顶、墙纸">
         <img class="sousuo" src="./images/sousuo.png" alt=""th:src="@{${uiPath} + ${appName} + '/images/sousuo.png'}" >
        <form class="citylistdian">
          <select class="selecity">
            <option value="济南">济南</option>
            <option value="青岛">青岛</option>
            <option value="临沂">临沂</option>
            <option value="泰安">泰安</option>
          </select>
        </form>
      </div>        
     </div> 
     <div class="kuai"> </div>
     <div id="asd" class="swiper-container swiper-container-h">
     <div class="swiper-wrapper">
        <div class="swiper-slide " data-swiper-autoplay="10000">
            <div class="indextou">
             <img src="./images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
            </div>
       </div>
        <div class="swiper-slide">
          <div class="indextou">
             <img src="./images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
          </div>
        </div>
        <div class="swiper-slide">
            <div class="indextou">
              <img src="./images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
            </div>
        </div>
    </div>
   </div>  
    <div id="asd" class="swiper-container swiper-container-h2">
     <div class="swiper-wrapper">
      <div class="swiper-slide">
       <div class="xuanzequ">
         <a href="SJS_LookSheJiShi.html">
              <div class="daohanglan">
             <img class="daobhangtu" src="./images/hzf_ic_category_0.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_0.png'}">
             <p class="daohantitle">房屋设计</p>
         </div>
         </a>
        <a href="GZ_LookGongZ.html">
             <div class="daohanglan">
             <img class="daobhangtu" src="./images/hzf_ic_category_1.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_1.png'}">
             <p class="daohantitle">找工长</p>
            </div>
        </a>
            <div class="daohanglan pindanyixa">
             <img class="daobhangtu" src="./images/hzf_ic_category_2.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_2.png'}">
             <p class="daohantitle">拼单</p>
            </div>
             <div class="daohanglan">
             <img class="daobhangtu" src="./images/hzf_ic_category_3.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_3.png'}">
             <p class="daohantitle">法律咨询</p>
         </div>
            <div class="daohanglan bendicailisosc">
             <img class="daobhangtu" src="./images/hzf_ic_category_4.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_4.png'}">
             <p class="daohantitle">材料市场</p>
            </div>
        
       <a href="CLS_PD_ShopPinXQ.html">
            <div class="daohanglan bendipinpailis">
             <img class="daobhangtu" src="./images/hzf_ic_category_5.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_5.png'}">
             <p class="daohantitle">品牌商城</p>
            </div>
       </a>
       <a href="CLS_CCJZX.html">
             <div class="daohanglan changjiazhixiaoindex">
             <img class="daobhangtu" src="./images/hzf_ic_category_6.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_6.png'}">
             <p class="daohantitle">厂家直销</p>
         </div>
       </a>
       
         <div class="daohanglan">
             <img class="daobhangtu" src="./images/dai.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/dai.png'}">
             <p class="daohantitle">装修贷</p>
        </div>
         
        </div>
       </div>
     <div class="swiper-slide">
          <div class="xuanzequ">
            <div class="daohanglan jiajujiafang">
             <img class="daobhangtu" src="./images/hzf_ic_category_8.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_8.png'}">
             <p class="daohantitle">家具家纺</p>
            </div>
            <div class="daohanglan jiajujiafang">
             <img class="daobhangtu" src="./images/hzf_ic_category_12.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_12.png'}">
             <p class="daohantitle">五金机电建材</p>
            </div>
             <div class="daohanglan jiajujiafang">
             <img class="daobhangtu" src="./images/banjia.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/banjia.png'}">
             <p class="daohantitle">搬家</p>
            </div>
             <div class="daohanglan jiajujiafang">
             <img class="daobhangtu" src="./images/hzf_ic_category_9.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_9.png'}">
             <p class="daohantitle">论坛</p>
            </div>
             <div class="daohanglan jiajujiafang">
             <img class="daobhangtu" src="./images/hzf_ic_category_10.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_10.png'}">
             <p class="daohantitle">业主之家</p>
            </div>
             <div class="daohanglan jiajujiafang">
             <img class="daobhangtu" src="./images/hzf_ic_category_11.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_11.png'}">
             <p class="daohantitle">工友会</p>
            </div>
        </div>
     </div>
    </div>
      <!-- 如果需要分页器 -->
     <div class="swiper-pagination"></div>
    </div>
    
     <div class="shishishuju">
      <!--    <p class="shishititle">实时数据</p> -->
      <div class="baotupian">
         <img class="yezhutouxiang" src="./images/gongxi.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/gongxi.png'}">
      </div>
        <div id="asd" class="swiper-container swiper-container-h3">
     <div class="swiper-wrapper">
      <div class="swiper-slide">
             <div class="yezhu">
             <dl>
                 <dd class="yezhueq">
                     <p class="yeuzd"><span>李**</span> <span class="dianhua">183****1861</span></p>
                     <p class="maiwup">成交:</p>
                     <p class="shijianmai2"><span class="goumaishir">购买实木木地板100平米</span></p>
                     <p class="shijianmai">今天</p>
                 </dd>
             </dl>
         </div>
       </div>
     <div class="swiper-slide">
            <div class="yezhu">
             <dl>
                <!--  <dt class="yezhuqu">
                     <img class="yezhutouxiang" src="./images/gongxi.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504156605.png'}">
                 </dt> -->
                 <dd class="yezhueq">
                     <p class="yeuzd"><span>王**</span> <span class="dianhua">183****1861</span></p>
                     <p class="maiwup">成交:</p>
                     <p class="shijianmai2"><span class="goumaishir">购买实木木地板100平米</span></p>
                     <p class="shijianmai">今天</p>
                 </dd>
             </dl>
         </div>
     </div>
    </div>
      <!-- 如果需要分页器 -->
     <div class="swiper-pagination"></div>
    </div>
     </div>
     <div class="shishishuju bixuke">
         <p class="shishititle">装修必看(如何省30%)</p>
         <p class="dianjijinru">点击进入</p>
         <p class="rihgjk"></p>
     </div>

     <div class="stabbar">
          <div class="gerezx">
             <img class="grzxoimg" src="./images/indexselect.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/indexselect.png'}" >
             <p class="grzedop ffsa">首页</p>
         </div>

        
         <a href="CLS_DD_Ticket.html">
             <div class="myticket">
              <img class="grzxoimg" src="./images/dingdan.png" th:src="@{${uiPath} + ${appName} + '/images/dingdan.png'}"alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504156605.png'}">
             <p class="grzedop">我的订单</p>
         </div>
        </a>
        <a href="${base}/form/applyShop.do">
             <div class="gerenzxx">
              <img class="grzxoimg" src="./images/guanli.png" th:src="@{${uiPath} + ${appName} + '/images/guanli.png'}" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504156605.png'}">
             <p class="grzedop">商品管理</p>
             </div>
        </a>
        <a href="CLS_GR_Single.html">
             <div class="kefu">
              <img class="grzxoimg" src="./images/single.png" th:src="@{${uiPath} + ${appName} + '/images/single.png'}" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504156605.png'}">
             <p class="grzedop ">个人中心</p>
            </div>
        </a>  
     </div> 

	<script type="text/javascript" src="./js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
    <script type="text/javascript" src="./js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
    <script type="text/javascript" src="./js/swiper.min.js" th:src="@{${uiPath} + ${appName} + '/js/swiper.min.js'}"></script>
     <!-- <script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->
    <script type="text/javascript" src="./js/index.js" th:src="@{${uiPath} + ${appName} + '/js/index.js'}"></script>
</body>
</html>